<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *{
            margin: 70px auto;
            padding: 0px;
        }
    #a{
        border: solid seagreen 2px;
        width: 200px;
        height: 300px;
    }
    #b{
        border: solid saddlebrown 2px;
        width: 200px;
        height: 300px;
        }
    #c{
        border: solid seagreen 2px;
        width: 200px;
        height: 300px;
        }
    #d{
        border: solid red 2px;
        width: 200px;
        height: 300px;
        }
    #m{
        border: solid fuchsia 2px;
        width: 200px;
        height: 300px;
         }
    #n{
        border: solid darkblue 2px;
        width: 200px;
        height: 300px;
    }

    </style>
</head>
<body>
    <div>

    </div>
    <div style="margin: 0px;display: flex; flex-wrap: wrap;flew-content:center;items-align:center;">

        <div style="position: relative;left: 245px;top: 320px " id="a">

        </div>
        <div  id="b" class="a">

        </div>
        <div id="c" class="a">

        </div>
        <div id="d" class="a">

        </div>
        <div id="e" class="a">

        </div>
        <div id="f" class="a">

        </div>
        <div style="position: relative;left: -320px;top: 320px " id="m">

        </div>
        <div style="position: relative;left: -805px;top: 320px " id="n">

        </div>
    </div>

</body>
</html>